@media (max-width: 767px) {
	.visible-phone {
	display: inherit !important;
	}

	.hidden-phone {
	display: none !important;
	}

	.hidden-desktop {
	display: inherit !important;
	}

	.visible-desktop {
	display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.visible-tablet {
	display: inherit !important;
	}

	.hidden-tablet {
	display: none !important;
	}

	.hidden-desktop {
	display: inherit !important;
	}

	.visible-desktop {
	display: none !important ;
	}
}

/* Landscape Phone */
@media (max-width: 480px) {

}

/* All Mobile Sizes */
@media (max-width: 767px) {
	/* General */
	.container {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	}

	.row {
	margin-left: 0;
	}

	.wrap {
	width: auto;
	min-width:100%;
	}

	[class*="span"] {
	display: block;
	float: none;
	width: auto;
	margin-left: 0;
	}

	[class*="accordion_box"] {
	display: block;
	float: none;
	width: auto;
	margin-left: 0;
	}

	h1 {
	font-size: 60px;
	line-height: 55px;
	}

	h2 {
	line-height: 40px;
	font-size: 40px;
	}

	h3 {
	line-height: 24px;
	font-size: 18px;
	} 

	.icon a {
	margin-bottom:5px;
	}

	.audiojs .scrubber {
	width: 40% !important;
	}

	.accordion .accordion_content {
	padding:10px;
	left:10px;
	margin-right:10px;
	max-height:130px;
	overflow-y:scroll;
	bottom:10px;
	}

	.blog_navigation {
	margin:15px 0  0;
	float:right;
	}

	.phone_float {
	float:left;
	}

	.contact_info {
	margin:30px  10px 0 10px;
	font-size:20px;
	line-height:25px;
	}

	.contact_info li {
	border-bottom:2px solid #af3936;
	padding:20px 0;
	}

	.contact_info .icon {
	padding-left:30px;
	float:left;
	min-height:35px;
	}

	#contact .social_icons {
	float:none;
	margin:30px auto 10px auto;
	display:table;
	}

	.about_me_gallery {
	float:left !important;
	}

	.wrap_space_bottom {
	height:0px;
	}

	#wrap_tagline {
	padding:150px 0;
	}

	/* hidden Caption */
	.reply {
	margin-right:0px;
	}

	.round_flash {
	margin-top:12px;
	}

	.comment_list ul .comment_border{ 
	margin-left:20px;
	}

	.comment_list ul ul .comment_border{ 
	margin-left:40px;
	}

	.comment_list ul ul  ul .comment_border{ 
	margin-left:60px;
	}

	/* portfolio detail */
	.blog_post_img .content_margin {
	margin:30px 0 0;
	}

	.blog_post_img .comment_margin {
	margin-left:0;
	margin-right:0;
	}

	.white_border{
	background:none;
	}

	.sidebar {
	padding:0;
	border-left: none;
	}

	.blog_post_bg , .blog_post_img {
	border:none;
	}
	.blog_post_bg .white_border {
	background:none;
	}

	#post_detail .container {
	background-color:#E3E3E3;
	}

	.nav_box {
	margin:0 auto;
	display:table;
	float:none;
	}

	a.pp_close {
	top:-30px !important;
	right:25px !important;
	}

	.sub_navigation {
	margin: 10px auto;
	display: table;
	float:none;
	}

	.rotated_line1 {
	top:350px;
	}

	#top_button {
	right:75px;
	}

	.wrap_home_space  {
	height: 69px;
	}

	.wrap_about_banner {
	top:69px;
	}

	.mobile-navigation ul  {
	right:5px;
	top:70px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media (min-width: 768px) and (max-width: 979px) {
	.wrap {
	min-width:768px;
	}

	.row {
	margin-left: -20px;
	}

	[class*="span"] {
	margin-left: 20px;
	}

	.container {
	width: 724px;
	}

	.span12 {
	width: 724px;
	}

	.span11 {
	width: 662px;
	}

	.span10 {
	width: 600px;
	}

	.span9 {
	width: 538px;
	}

	.span8 {
	width: 476px;
	}

	.span7 {
	width: 414px;
	}

	.span6 {
	width: 352px;
	}

	.span5 {
	width: 290px;
	}

	.span4 {
	width: 228px;
	}

	.span3 {
	width: 166px;
	}

	.span2 {
	width: 104px;
	}

	.span1 {
	width: 42px;
	}

	.offset12 {
	margin-left: 764px;
	}

	.offset11 {
	margin-left: 702px;
	}

	.offset10 {
	margin-left: 640px;
	}

	.offset9 {
	margin-left: 578px;
	}

	.offset8 {
	margin-left: 516px;
	}

	.offset7 {
	margin-left: 454px;
	}

	.offset6 {
	margin-left: 392px;
	}

	.offset5 {
	margin-left: 330px;
	}

	.offset4 {
	margin-left: 268px;
	}

	.offset3 {
	margin-left: 206px;
	}

	.offset2 {
	margin-left: 144px;
	}

	.offset1 {
	margin-left: 82px;
	}

	/* accordion_box */
	.accordion_box2 {
	width:724px;
	float:left;
	margin-left:20px;
	}

	.accordion_box10 {
	width:724px;
	float:left;
	position:relative;
	margin-left:20px;
	}

	.accordion:hover .accordion_title .plus {	
	width:724px;
	right:25px;
	background-position:center right;
	bottom: 0px;
	}

	.accordion:hover .accordion_title .minus {	
	width:724px;
	right:25px;
	background-position:center right;
	bottom: 0px;
	}

	/* portfolio detail */
	.blog_post_img .comment_margin {
	margin-left:40px;
	}

	.comment_list ul .comment_border {
	margin-left:20px;
	}

	.comment_list ul ul .comment_border {
	margin-left:40px;
	}

	.comment_list ul ul  ul .comment_border {
	margin-left:60px;
	}

	.search input[type="submit"] {
	width:20%;
	}

	.sub_navigation {
	margin: 10px auto;
	display: table;
	float:none;
	}

	#gallery {
	margin:0 60px !important;
	}

	.wrap_space_bottom {
	height:100px;
	}

	#wrap_tagline {
	padding:200px 0;
	}

	.toggle_top_bar {
	top:0;
	right:83px;
	}

	#top_button {
	top:-17px;
	right:166px;
	}

	.rotated_line1 {
	top:350px;
	}
}
